<template>
	<view class="message-detail">
		<Header title="消息详情" :showBack="true"></Header>
		<view class="title ellipsis">{{info.title}}</view>
		<view class="time flex">
			{{info.addtime}}
		</view>
		<view class="content">
			{{info.content}}
		</view>
	</view>
</template>

<script>
	import Header from '@/components/header.vue'
	export default {
		components: {
			Header
		},
		data() {
			return {
				info: {}
			};
		},
		onLoad(e) {
			const id = e.id
			let that = this;
			that.http.httpRequest('/notice/messageInfo','post',{ id}).then(res => {
				this.info = res.data.data
			}) 	
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.message-detail {
	padding: 20upx 30upx;
	line-height: 60upx;
	.title {
		text-align: center;
		font-size: 34upx;
		font-weight: 700;
		line-height: 64upx;
	}
	.time {
		justify-content: flex-end;
		font-size: 30rpx;
	}
	.content {
		color: #999;
		font-size: 30rpx;
	}
}
</style>
